<template>
  <div class="container-a">
    <div class="cw2">
      <calendar></calendar>
      <div class="count-wrap">
        <div class="c-h">
          <div class="c-h-l">{{countDate}}</div>
          <div class="c-h-r" @click="swCount">{{countShow ? "展开" : "收起"}}</div>
        </div>
        <div class="c-n" ref="cn" @click="swCount">
          <div class="c-n-i" v-for="i in countAllReport">
            {{i.txt}}<span class="c-s" v-if="countShow">{{i.num}}</span>
          </div>
          <div id="c_wrap" v-if="!countShow">
            <div class="c-n-i" v-for="i in countAllReport">
              <div class="c-d-wrap">
                <div class="c-div">{{i.num}}</div>
                <div v-for="(p,index) in i.p"
                     v-if="i.p.length"
                     :key="index"
                     class="c-div">
                  {{p}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="r-wrap">
        <ul class="r-wrap-ul">
          <li v-for="i in needSendList">
            <div class="circle-t o-b">
              {{i.f}}
            </div>
            <div class="content">
              <div class="c-n-2">
                您需要向<span class="c-pp">{{i.p | arrTOString}}</span>提交{{i.f}}
              </div>
            </div>
          </li>
        </ul>
        <ul class="r-wrap-ul">
          <li v-for="i in receivedList" @click="goDetail(i.id)">
            <div class="circle-t b-b">
              {{i.f}}
            </div>
            <div class="b-f content">
              <div class="c-n-1">
                {{i.c}}
              </div>
              <div class="people-time">
                {{i.p}}&nbsp;&nbsp;{{i.t | dateFormat}}
              </div>
            </div>
          </li>
        </ul>
      </div>
      <router-link :to="{ name: 'editPage'}">
        <div class="edit-wrap">
          <div class="e">
            <i class="iconfont icon-bianji1 e-i"></i>
          </div>
        </div>
      </router-link>
    </div>
    <transition enter-class="slide-left-enter" leave-active-class="slide-left-leave">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  import index from "./index"
  export default index
</script>

<style scoped lang="scss">
  @import "./index";
</style>
